<template>
	<Collapse>
		<Panel v-for='item in items'>
			{{item.title}}
			<p slot="content">{{item.text}}</p>
		</Panel>
		
	</Collapse>
</template>

<script>
export default {
	name: 'homeOne',
	data () {
		return {
			items:[
			{
				title:"2017-5-1",
				text:"控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；"
			},
			{
				title:"反馈 Feedback",
				text:"与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；"
			},
			{
				title:"效率 Efficiency",
				text:"简化流程：设计简洁直观的操作流程；"
			},
			{
				title:"可控 Controllability",
				text:"用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；"
			},
			]
		}
	}
}
</script>

<style lang="css" scoped>
</style>